<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="renderer" content="webkit">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <title>2.0-库内作业监控</title>
  <link rel="stylesheet" href="styles/bootstrap/bootstrap.css">
  <link rel="stylesheet" href="styles/bootstrap-table.css">
  <link rel="stylesheet" href="lib/layui/css/layui.css">
  <link rel="stylesheet" href="styles/bootstrap-datetimepicker.min.css">
  <link rel="stylesheet" href="styles/awesome/font-awesome.min.css">
  <link rel="stylesheet" href="sfy/styles/fonts/iconfont.css">
  <link rel="stylesheet" href="styles/reset.css">
  <link rel="stylesheet" href="styles/main.css">
  <link rel="stylesheet" href="styles/cy.css">
  <link rel="stylesheet" href="styles/qd.css">
  <link rel="stylesheet" href="styles/sfy_nav.css">
  <link rel="stylesheet" href="styles/newstyle.css">
</head>

<body>
  <!--头部-->
  <!-- 新菜单 2018-04-08 -->
  <div class="new-header">
    <div class="header-content">
      <div class="header-menu">
        <a href="index.html" class="logo">
          <img src="images/yly-logo.png" alt="">
        </a>
        <ul class="header-nav">
          <li>基础资料</li>
          <li>物流运营</li>
          <li>财务管理</li>
          <li>业务管理</li>
          <li>统计查询</li>
          <li>统计查询</li>
        </ul>
        <div class="header-select">
          <a>
            <!-- <label class="common-menu-btn"><input type="checkbox" checked="checked"><span></span></label><span>关闭常用菜单</span> -->
            <span class="common-menu-btn">常用菜单</span>
          </a>
          <a href="#" class="setting">设置</a>
          <ul class="header-select-list">
            <li>
              <i class="community"></i>
              <a href="#">传链社区</a>
            </li>
            <li>
              <i class="tel"></i>
              <a href="#">服务中心</a>
            </li>
            <li>
              <i class="message current"></i>
              <a href="#">消息中心</a>
            </li>
            <li>
              <i href="javascript:;" class="login"></i>
              <div class="userboxinfob">
                <div class="ul_userlist">
                  <p class="flexitem">张会员，欢迎您登录</p>
                  <ul class="flexitem">
                    <li>
                      <a href="/updatePwd">修改密码</a>
                    </li>
                    <li>
                      <a href="/logout">退出</a>
                    </li>
                  </ul>
                </div>
              </div>
            </li>
          </ul>
        </div>
      </div>

      <div class="header-menu-box">
        <div class="header-menu-content">
          <dl class="displayflex">
            <dt>组织资料 ></dt>
            <dd class="flex1">
              <a href="#">公司资料维护</a>
              <a href="#">公司部门资料维护</a>
              <a href="#">物流区域资料维护</a>
              <a href="#">物流中心资料维护</a>
              <a href="#">仓库资料</a>
              <a href="#">货主仓库指定</a>
              <a href="#">货主承运商指定</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>人员管理 ></dt>
            <dd class="flex1">
              <a href="#">公司人员角色维护</a>
              <a href="#">公司人员资料维护</a>
              <a href="#">货主人员资料维护</a>
              <a href="#">承运商人员资料维护</a>
              <a href="#">仓储商人员资料维护</a>
              <a href="#">商业客户人员资料维护</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>商品管理 ></dt>
            <dd class="flex1">
              <a href="#">新品发布清单</a>
              <a href="#">生产厂商资料维护</a>
              <a href="#">商品分类资料表</a>
              <a href="#">库管参数维护</a>
              <a href="#">补货层级维护</a>
              <a href="#">新增商品</a>
              <a href="#">商品资料维护</a>
              <a href="#" class="active">产品说明书维护</a>
              <a href="#">物价资料维护</a>
              <a href="#">耗材包关系维护</a>
              <a href="#">耗材包关系维护</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>产品证照 ></dt>
            <dd class="flex1">
              <a href="#">代理商证照维护</a>
              <a href="#">经销授权书证照维护</a>
              <a href="#">售后服务机构证照维护</a>
              <a href="#">医疗器械注册证维护</a>
              <a href="#">业务授权书维护</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>客户管理 ></dt>
            <dd class="flex1">
              <a href="#">商业单位资料维护</a>
              <a href="#">医疗机构资料维护</a>
            </dd>
          </dl>
        </div>
        <div class="header-menu-content">
          <dl class="displayflex">
            <dt>物流运营 ></dt>
            <dd class="flex1">
              <a href="#">公司资料维护</a>
              <a href="#">公司部门资料维护</a>
              <a href="#">物流区域资料维护</a>
              <a href="#">物流中心资料维护</a>
              <a href="#">仓库资料</a>
              <a href="#">货主仓库指定</a>
              <a href="#">货主承运商指定</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>人员管理 ></dt>
            <dd class="flex1">
              <a href="#">公司人员角色维护</a>
              <a href="#">公司人员资料维护</a>
              <a href="#">货主人员资料维护</a>
              <a href="#">承运商人员资料维护</a>
              <a href="#">仓储商人员资料维护</a>
              <a href="#">商业客户人员资料维护</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>商品管理 ></dt>
            <dd class="flex1">
              <a href="#">新品发布清单</a>
              <a href="#">生产厂商资料维护</a>
              <a href="#">商品分类资料表</a>
              <a href="#">库管参数维护</a>
              <a href="#">补货层级维护</a>
              <a href="#">新增商品</a>
              <a href="#">商品资料维护</a>
              <a href="#" class="active">产品说明书维护</a>
              <a href="#">物价资料维护</a>
              <a href="#">耗材包关系维护</a>
              <a href="#">耗材包关系维护</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>客户管理 ></dt>
            <dd class="flex1">
              <a href="#">商业单位资料维护</a>
              <a href="#">医疗机构资料维护</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>医院关系建立 ></dt>
            <dd class="flex1">
              <a href="#">采购目录勾对</a>
            </dd>
          </dl>
        </div>
        <div class="header-menu-content">
          <dl class="displayflex">
            <dt>财务管理 ></dt>
            <dd class="flex1">
              <a href="#">公司资料维护</a>
              <a href="#">公司部门资料维护</a>
              <a href="#">物流区域资料维护</a>
              <a href="#">物流中心资料维护</a>
              <a href="#">仓库资料</a>
              <a href="#">货主仓库指定</a>
              <a href="#">货主承运商指定</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>人员管理 ></dt>
            <dd class="flex1">
              <a href="#">公司人员角色维护</a>
              <a href="#">公司人员资料维护</a>
              <a href="#">货主人员资料维护</a>
              <a href="#">承运商人员资料维护</a>
              <a href="#">仓储商人员资料维护</a>
              <a href="#">商业客户人员资料维护</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>商品管理 ></dt>
            <dd class="flex1">
              <a href="#">新品发布清单</a>
              <a href="#">生产厂商资料维护</a>
              <a href="#">商品分类资料表</a>
              <a href="#">库管参数维护</a>
              <a href="#">补货层级维护</a>
              <a href="#">新增商品</a>
              <a href="#">商品资料维护</a>
              <a href="#" class="active">产品说明书维护</a>
              <a href="#">物价资料维护</a>
              <a href="#">耗材包关系维护</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>产品证照 ></dt>
            <dd class="flex1">
              <a href="#">代理商证照维护</a>
              <a href="#">经销授权书证照维护</a>
              <a href="#">售后服务机构证照维护</a>
              <a href="#">医疗器械注册证维护</a>
              <a href="#">业务授权书维护</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>客户管理 ></dt>
            <dd class="flex1">
              <a href="#">商业单位资料维护</a>
              <a href="#">医疗机构资料维护</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>医院关系建立 ></dt>
            <dd class="flex1">
              <a href="#">供应关系查询</a>
              <a href="#">采购目录勾对</a>
            </dd>
          </dl>
        </div>
        <div class="header-menu-content">
          <dl class="displayflex">
            <dt>业务管理 ></dt>
            <dd class="flex1">
              <a href="#">公司资料维护</a>
              <a href="#">公司部门资料维护</a>
              <a href="#">物流区域资料维护</a>
              <a href="#">物流中心资料维护</a>
              <a href="#">仓库资料</a>
              <a href="#">货主仓库指定</a>
              <a href="#">货主承运商指定</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>人员管理 ></dt>
            <dd class="flex1">
              <a href="#">公司人员角色维护</a>
              <a href="#">公司人员资料维护</a>
              <a href="#">货主人员资料维护</a>
              <a href="#">承运商人员资料维护</a>
              <a href="#">仓储商人员资料维护</a>
              <a href="#">商业客户人员资料维护</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>商品管理 ></dt>
            <dd class="flex1">
              <a href="#">新品发布清单</a>
              <a href="#">生产厂商资料维护</a>
              <a href="#">商品分类资料表</a>
              <a href="#">库管参数维护</a>
              <a href="#">补货层级维护</a>
              <a href="#">新增商品</a>
              <a href="#">商品资料维护</a>
              <a href="#" class="active">产品说明书维护</a>
              <a href="#">物价资料维护</a>
              <a href="#">耗材包关系维护</a>
              <a href="#">耗材包关系维护</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>产品证照 ></dt>
            <dd class="flex1">
              <a href="#">代理商证照维护</a>
              <a href="#">经销授权书证照维护</a>
              <a href="#">售后服务机构证照维护</a>
              <a href="#">医疗器械注册证维护</a>
              <a href="#">业务授权书维护</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>客户管理 ></dt>
            <dd class="flex1">
              <a href="#">商业单位资料维护</a>
              <a href="#">医疗机构资料维护</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>医院关系建立 ></dt>
            <dd class="flex1">
              <a href="#">供应关系查询</a>
              <a href="#">采购目录勾对</a>
            </dd>
          </dl>
        </div>
        <div class="header-menu-content">
          <dl class="displayflex">
            <dt>运营可视化 ></dt>
            <dd class="flex1">
              <a href="#">公司资料维护</a>
              <a href="#">公司部门资料维护</a>
              <a href="#">物流区域资料维护</a>
              <a href="#">物流中心资料维护</a>
              <a href="#">仓库资料</a>
              <a href="#">货主仓库指定</a>
              <a href="#">货主承运商指定</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>人员管理 ></dt>
            <dd class="flex1">
              <a href="#">公司人员角色维护</a>
              <a href="#">公司人员资料维护</a>
              <a href="#">货主人员资料维护</a>
              <a href="#">承运商人员资料维护</a>
              <a href="#">仓储商人员资料维护</a>
              <a href="#">商业客户人员资料维护</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>商品管理 ></dt>
            <dd class="flex1">
              <a href="#">新品发布清单</a>
              <a href="#">生产厂商资料维护</a>
              <a href="#">商品分类资料表</a>
              <a href="#">库管参数维护</a>
              <a href="#">补货层级维护</a>
              <a href="#">新增商品</a>
              <a href="#">商品资料维护</a>
              <a href="#" class="active">产品说明书维护</a>
              <a href="#">物价资料维护</a>
              <a href="#">耗材包关系维护</a>
              <a href="#">耗材包关系维护</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>产品证照 ></dt>
            <dd class="flex1">
              <a href="#">代理商证照维护</a>
              <a href="#">经销授权书证照维护</a>
              <a href="#">售后服务机构证照维护</a>
              <a href="#">医疗器械注册证维护</a>
              <a href="#">业务授权书维护</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>客户管理 ></dt>
            <dd class="flex1">
              <a href="#">商业单位资料维护</a>
              <a href="#">医疗机构资料维护</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>医院关系建立 ></dt>
            <dd class="flex1">
              <a href="#">供应关系查询</a>
              <a href="#">采购目录勾对</a>
            </dd>
          </dl>
        </div>
        <div class="header-menu-content">
          <dl class="displayflex">
            <dt>统计查询 ></dt>
            <dd class="flex1">
              <a href="#">公司资料维护</a>
              <a href="#">公司部门资料维护</a>
              <a href="#">物流区域资料维护</a>
              <a href="#">物流中心资料维护</a>
              <a href="#">仓库资料</a>
              <a href="#">货主仓库指定</a>
              <a href="#">货主承运商指定</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>人员管理 ></dt>
            <dd class="flex1">
              <a href="#">公司人员角色维护</a>
              <a href="#">公司人员资料维护</a>
              <a href="#">货主人员资料维护</a>
              <a href="#">承运商人员资料维护</a>
              <a href="#">仓储商人员资料维护</a>
              <a href="#">商业客户人员资料维护</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>商品管理 ></dt>
            <dd class="flex1">
              <a href="#">新品发布清单</a>
              <a href="#">生产厂商资料维护</a>
              <a href="#">商品分类资料表</a>
              <a href="#">库管参数维护</a>
              <a href="#">补货层级维护</a>
              <a href="#">新增商品</a>
              <a href="#">商品资料维护</a>
              <a href="#" class="active">产品说明书维护</a>
              <a href="#">物价资料维护</a>
              <a href="#">耗材包关系维护</a>
              <a href="#">耗材包关系维护</a>
            </dd>
          </dl>
        </div>
      </div>
    </div>
  </div>
  <!-- 常用菜单 -->
  <div class="common-menu">
    <div class="common-menu-content">
      <p class="iconfont icon-menu">
        <a>公司资料维护</a>
        <a>新增商品</a>
        <a>采购目录勾对</a>
        <a>物流订单调度</a>
        <a>补货发起</a>
        <a>物流项目费用维护</a>
        <a>发票管理</a>
        <a>医院采购订单录入</a>
        <a>出库登录</a>
        <a>物流项目费用维护</a>
      </p>
    </div>
  </div>
  <!-- 按钮 当前位置-->
  <div class="g_header_nav">
    <div class="g_header_t">
      <div class="operate-btns">
        <!-- <a href="" class="fbtn iconfont icon-head-save">生成调拨单</a> -->
      </div>
    </div>
    <div class="con_breadcrumb">
      <ol class="breadcrumb">
        <li>
          <a href="#">库内作业监控</a>
        </li>
      </ol>
      <h3 class="current_module">库内作业监控</h3>
    </div>
  </div>
  <!--end  按钮 当前位置-->
  <!--end头部-->
  <div class="content">
    <div class="warehouse-monitor">
      <div class="warehouse-monitor-l">
        <div class="warehouse-monitor-search">
          <div class="row">
            <div class="col-md-12 col-lg-12">
              <div class="input-group input-grout-button">
                <input type="text" class="form-control" placeholder="物流订单">
                <span class="input-group-btn">
                  <img src="images/img2_03.png" class="but_1">
                </span>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-md-12 col-lg-12">
              <div class="input-group input-grout-button">
                <input type="text" class="form-control" placeholder="业务单据">
                <span class="input-group-btn">
                  <img src="images/img2_03.png" class="but_1">
                </span>
              </div>
            </div>
          </div>
        </div>
        <div class="warehouse-monitor-table" id="scroll_1">
          <table class="table">
            <tbody>
              <tr class="active">
                <td>1</td>
                <td>CK201807060015</td>
              </tr>
              <tr>
                <td>2</td>
                <td>CK201807060015</td>
              </tr>
              <tr>
                <td>3</td>
                <td>CK201807060015</td>
              </tr>
              <tr>
                <td>4</td>
                <td>CK201807060015</td>
              </tr>
              <tr>
                <td>5</td>
                <td>CK201807060015</td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
      <div class="warehouse-monitor-r">
        <div class="warehouse-monitor-process">
          <div class="warehouse-monitor-process-t">
            <a href="" class="refresh-btn">刷新</a>
            <span class="font-red">系统每5分钟将自动更新作业状态</span>
          </div>
          <div class="warehouse-monitor-process-b">
            <dl>
              <dt>
                <span><i class="iconfont icon-accept"></i></span>
                <p></p>
              </dt>
              <dd>
                <p class="time">12-31 08:00</p>
                <p><strong>受理人</strong></p>
                <p>张磊</p>
              </dd>
            </dl>
            <dl>
              <dt>
                <span><i class="iconfont icon-delivery"></i></span>
                <p>开始出库</p>
              </dt>
              <dd>
                <p class="time">01-01 08:30</p>
                <p><strong>调度员</strong></p>
                <p>张磊</p>
              </dd>
            </dl>
            <dl>
              <dt>
                <span><i class="iconfont icon-picking"></i></span>
                <p>正在拣货</p>
              </dt>
              <dd>
                <p class="time">01-01 08:45</p>
                <p class="displayflex"><span class="flex1">已拣出</span><span class="flex1">540件</span></p>
                <p><strong>拣货员</strong></p>
                <p class="displayflex"><span class="flex1">王龙</span><span class="flex1">320件</span></p>
                <p class="displayflex"><span class="flex1">李大林</span><span class="flex1">220件</span></p>
              </dd>
            </dl>
            <dl class="active">
              <dt>
                <span><i class="iconfont icon-review"></i></span>
                <p>正在复核</p>
              </dt>
              <dd>
                <p class="time">01-01 09:45</p>
                <p class="displayflex"><span class="flex1">已复核</span><span class="flex1">220件</span></p>
                <p><strong>拣货员</strong></p>
                <p class="displayflex"><span class="flex1">赵陆</span><span class="flex1">120件</span></p>
                <p class="displayflex"><span class="flex1">曹威</span><span class="flex1">100件</span></p>
              </dd>
            </dl>
            <dl>
              <dt>
                <span><i class="iconfont icon-wait"></i></span>
                <p>等待交货</p>
              </dt>
            </dl>
            <dl>
              <dt>
                <span><i class="iconfont icon-confirm1"></i></span>
                <p>交货完成</p>
              </dt>
            </dl>
          </div>
        </div>
        <div class="warehouse-monitor-result">
          <div class="warehouse-monitor-result-t">
            <i>2018-10-19 10:04:35</i>
            <p>云仓商 北京顺丰物流仓</p>
          </div>
          <div class="warehouse-monitor-result-b">
            <dl>
              <dt class="displayflex">
                <div class="flex1">
                  <span class="start"><i></i>北京市/北京市/通州区</span>
                  <span class="end"><i></i>北京市/北京市/通州区</span>
                </div>
                <a href="" class="detail-btn">订单明细</a>
              </dt>
              <dd>
                <p>CK201807060015</p>
                <p>WL201807060004170097</p>
                <p>1个品规 10件 0m³ 0kg</p>
              </dd>
            </dl>
            <b>已受理</b>
            <dl>
              <dt>
                <span>顺达-承运商</span>
              </dt>
              <dd>
                <p>配送提货时间</p>
                <p>2018-07-06 00:00</p>
              </dd>
            </dl>
          </div>
        </div>
      </div>
    </div>
  </div>

  <footer class="footer">
    <p>
      Copyright © 2015-2017
      <a href="http://www.miitbeian.gov.cn/state/outPortal/loginPortal.action" target="_blank">粤ICP备16033858-1</a>
      深圳传世般若科技有限公司
    </p>
  </footer>

  <script type="text/javascript" src="lib/jquery.min.js"></script>
  <script type="text/javascript" src="lib/underscore-min.js"></script>
  <script type="text/javascript" src="lib/layui/lay/dest/layui.all.js"></script>
  <script type="text/javascript" src="lib/bootstrap.min.js"></script>
  <script type="text/javascript" src="lib/bootstrap-table.js"></script>
  <script type="text/javascript" src="lib/jquery.validate.min.js"></script>
  <script type="text/javascript" src="lib/city-picker.js"></script>
  <script type="text/javascript" src="lib/bootstrap-datetimepicker.min.js"></script>
  <script type="text/javascript" src="lib/jquery.slimscroll.js"></script>
  <script type="text/javascript" src="lib/echarts-all.js"></script>
  <script type="text/javascript" src="lib/flot/jquery.flot.js"></script>
  <script type="text/javascript" src="lib/zUI.js"></script>
  <!--新导航-->
  <script type="text/javascript" src="lib/snap.svg-min.js"></script>
  <script type="text/javascript" src="lib/modernizr.custom.js"></script>
  <script type="text/javascript" src="js/header_sfy.js"></script>
  <!--end新导航-->
  <!-- 配置文件 -->
  <script type="text/javascript" src="ueditor/ueditor.config.js"></script>
  <!-- 编辑器源码文件 -->
  <script type="text/javascript" src="ueditor/ueditor.all.min.js"></script>
  <script type="text/javascript" src="lib/paging.js"></script>
  <script type="text/javascript" src="js/app.js"></script>
  <script type="text/javascript" src="js/validate-demo.js"></script>
  <script type="text/javascript" src="js/main.js"></script>
  <script type="text/javascript" src="js/cy.js"></script>
</body>

</html>